<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../vuejs/vuejs-2.5.16.js"></script>
    <script type="text/javascript" src="../vuejs/axios-0.18.0.js"></script>
</head>
<body>
    <div id="userdiv">
        <div id="userlistdiv">
            <table border="1" align="center" rules="all">
                <tr align="center" bgcolor="#daa520">
                    <th>编号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>性别</th>
                    <th>生日</th>
                    <th>手机号</th>
                    <th>地址</th>
                    <th>科室</th>
                    <th>职位</th>
                    <th colspan="100">操作</th>
                </tr>
                <tr v-for="u in userlist" align="center">
                    <td>{{u.id}}</td>
                    <td>{{u.uname}}</td>
                    <td>{{u.age}}</td>
                    <td>{{u.gender}}</td>
                    <td>{{u.birthday}}</td>
                    <td>{{u.telphone}}</td>
                    <td>{{u.address}}</td>
                    <td></td>
                    <td></td>
                    <td>
                       <button @click="toUserDept(u.id)">选择科室</button>
                       <button>分配职位</button>
                       <button>查看菜单</button>
                    </td>
                </tr>
            </table>
        </div>
        <div id="userdeptdiv" style="display: none">
            <table>
                <tr>
                    <td><h1>目前正在给***分配部门</h1></td>
                </tr>
            </table>
        </div>
    </div>
</body>
<script type="text/javascript" src="../myjs/user_list.js"></script>
</html>